//搜索框
//appear
var sousuo = document.querySelector(".article_serve")
var content = document.querySelector(".search_box")
	sousuo.addEventListener("touchend",function(){
		{
			content.style.transform="translateY(0)";
			content.style.transition="all 1s";
		}
	})
//disappear
var sousuodel = document.querySelector("#search_del")
var searchboxdel = document.querySelector("#del_search_box")
	sousuodel.addEventListener("touchend",function(){
		{
			searchboxdel.style.transform="translateY(-100%)";
			
		}
	})
	
//登录页
//appear
var articlemenu = document.querySelector(".article_menu")
var registercontent = document.querySelector(".register_content")
articlemenu.addEventListener("touchend",function(){
		{
			registercontent.style.transform="translatex(0)";
			registercontent.style.transition="all 1s";
		}
	})

//disappear
var closea = document.querySelector("#close_a")
closea.addEventListener("touchend",function(){
		{
			registercontent.style.transform="translatex(-100%)";
			
		}
	})

//点击登录
//appear
var selectbutton = document.querySelector(".select_button")
var enterpassword = document.querySelector(".enter_password")
selectbutton.addEventListener("touchend",function(){
		{
			enterpassword.style.transform="translatex(0)";
			enterpassword.style.transition="all 1s";
			registercontent.style.transform="translatex(-100%)";
		}
	})
//disappear
var closeb = document.querySelector("#close_b")
closeb.addEventListener("touchend",function(){
		{
			enterpassword.style.transform="translatex(-100%)";
			
		}
	})


//成功登录页
//appear
var entercolor = document.querySelector(".enter_color")
var signincontent = document.querySelector(".signin_content")
entercolor.addEventListener("touchend",function(){
		{
			signincontent.style.transform="translatex(0)";
			signincontent.style.transition="all 1s";
			enterpassword.style.transform="translatex(-100%)";
		}
	})
//disappear
var closec = document.querySelector("#close_c")
closec.addEventListener("touchend",function(){
		{
			signincontent.style.transform="translatex(-100%)";
			
		}
	})


var shareopen = document.querySelector("#shareopen");
var sharecontent = document.querySelector(".share_content");
var isBlock = false;
	shareopen.addEventListener("touchend",function(){
		if(!isBlock){
			sharecontent.style.transform="scale(1)"
			isBlock = true;
		}else{
			sharecontent.style.transform="scale(0)"
			isBlock=false;
		}
	})